.plan-icon {
	width: inherit;
	height: inherit;
	background-repeat: no-repeat;
}

.plan-icon__free {
	.plan-icon__free-0 { fill: $blue-light; }
	.plan-icon__free-1 { fill: $white; }
	.plan-icon__free-2 { fill: darken( $blue-wordpress, 8% ); }
	.plan-icon__free-3 { fill: $blue-wordpress; }
	.plan-icon__free-4 { fill: lighten( $blue-wordpress, 8% ); }
}

.plan-icon__personal {
	.plan-icon__personal-0 { fill: $alert-yellow; }
	.plan-icon__personal-1 { fill: $gray; }
	.plan-icon__personal-2 { fill: lighten( $gray, 20% ); }
	.plan-icon__personal-3 { fill: $white; }
	.plan-icon__personal-4 { fill: darken( $gray, 10% ); }
	.plan-icon__personal-5 { fill: darken( $gray, 20% ); }
}

.plan-icon__premium {
 	.plan-icon__premium-0 { fill: $alert-green; }
	.plan-icon__premium-1 { fill: $gray; }
	.plan-icon__premium-2 { fill: darken( $gray, 20% ); }
	.plan-icon__premium-3 { fill: $white; }
	.plan-icon__premium-4 { fill: lighten( $gray, 20% ); }
	.plan-icon__premium-5 { fill: darken( $gray, 20% ); }
	.plan-icon__premium-6 { fill: darken( $gray, 30% ); }
}

.plan-icon__business {
	.plan-icon__business-0 { fill: $alert-purple; }
	.plan-icon__business-1 { fill: $white; }
	.plan-icon__business-2 { fill: lighten( $gray, 30% ); }
	.plan-icon__business-3 { fill: $blue-wordpress; }
	.plan-icon__business-4 { fill: $blue-dark; }
}
